<div class="container">
  <!-- 单篇文章 -->
  <div class="news-info-warp">
    <div class="news-msg-warp">
      <div class="news-info-title">{{detailData.title}}</div>
      <div class="news-info-tips">{{detailData.created_at}} {{detailData.author?.nick_name||'无'}}</div>
    </div>
    <div class="news-detail-warp"></div>
    <div class="news-pages-btns">
      <a href="javascript:;" class="news-pages-btn pull-left" *ngIf="!!detailData.last_article" title="{{detailData.last_article.title}}" (click)="getDetail(detailData.last_article.id)">上一篇：{{detailData.last_article.title}}</a>
      <a href="javascript:;" class="news-pages-btn pull-right" *ngIf="!!detailData.next_article" title="{{detailData.next_article.title}}" (click)="getDetail(detailData.next_article.id)">下一篇：{{detailData.next_article.title}}</a>
    </div>
  </div>
  <!-- /单篇文章 -->

  <div class="news-pick hidden-sm hidden-xs">
    <div class="news-pick-title">最新资讯</div>
    <div class="news-pick-content-warp">
      <a href="javascript:;" class="news-pick-content-item" *ngFor="let item of newestInfo" (click)="changeDetail(item)">{{item.title}}</a>
    </div>
    <div class="news-pick-footer">
      <a href="javascript:;" class="news-classify" [ngClass]="{'active': categoryID === 0}" (click)="turnNewsList(0)">所有资讯</a>
      <a href="javascript:;" class="news-classify" *ngFor="let item of classifyList;" [ngClass]="{'active': categoryID === item.id}" (click)="turnNewsList(item.id)">{{item.name}}</a>
    </div>
  </div>
</div>


